<?xml version='1.0' encoding='UTF-8' ?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core">
    <body>
        <ui:composition template="/common/templates/common.xhtml">
            <ui:param name="titulo" value="Crear Producto" />

            <ui:define name="body">
                <rich:messages passedLabel="Data is allowed to be stored." layout="list">
                    <f:facet name="header">
                        <h:outputText value="Entered Data Status:"></h:outputText>
                    </f:facet>
                    <f:facet name="infoMarker">
                        <h:graphicImage  value="/img/passed_.gif" />
                    </f:facet>
                    <f:facet name="errorMarker">
                        <h:graphicImage value="/img/error_.gif" />
                    </f:facet>
                </rich:messages>

                <a4j:form id="ProductInputPage">

                    <h:panelGrid id="panelGridInsertar" columns="1">
                        <rich:panel id="panelInsertar" >
                            <f:facet name="header">
                                <h:outputText id="labelTitulo" value="#{Messages['insert.producto']}"/>
                            </f:facet>

                            <h:panelGrid id="pGridInput"  columns="3">

                                <h:outputLabel id="labelReferencia" value="#{Messages['insert.producto.referencia']}"/>
                                <h:inputText id="referencia" value="#{ProductoBean.referencia}">
                                    <rich:toolTip id="toolTipReferencia" value="#{Messages['insert.producto.referencia']}" style="padding:10px;" />
                                </h:inputText >
                                <h:outputText id="spaceNoRequiredReferencia" value="" escape="false"/>

                                <h:outputLabel id="labelNombre" value="#{Messages['insert.producto.nombre']}"/>
                                <h:inputText id="nombre" value="#{ProductoBean.nombre}">
                                    <rich:toolTip id="toolTipNombre" value="#{Messages['insert.producto.nombre']}" style="padding:10px;" />
                                </h:inputText >
                                <h:outputText id="spaceNoRequiredNombre" value="" escape="false"/>

                                <h:outputLabel id="labelDescripcion" value="#{Messages['insert.producto.descripcion']}"/>
                                <h:inputText id="descripcion" value="#{ProductoBean.descripcion}">
                                    <rich:toolTip id="toolTipDescripcion" value="#{Messages['insert.producto.descripcion']}" style="padding:10px;" />
                                </h:inputText >
                                <h:outputText id="spaceNoRequiredDescripcion" value="" escape="false"/>

                                <h:outputLabel id="labelTipo" value="#{Messages['insert.producto.tipo']}"/>
                                <h:selectOneMenu id="tipo" value="#{ProductoBean.tipo}">
                                    <f:selectItem itemValue = "Interior" />
                                    <f:selectItem itemValue = "Exterior" />
                                </h:selectOneMenu>
                                <h:outputText id="spaceNoRequiredTipo" value="" escape="false"/>

                                <h:outputLabel id="labelMaterial" value="#{Messages['insert.producto.material']}"/>
                                <h:inputText id="material" value="#{ProductoBean.material}">
                                    <rich:toolTip id="toolTipMaterial" value="#{Messages['insert.producto.material']}" style="padding:10px;" />
                                </h:inputText >
                                <h:outputText id="spaceNoRequiredMaterial" value="" escape="false"/>

                                <h:outputLabel id="labelAlto" value="#{Messages['insert.producto.alto']}"/>
                                <h:inputText id="alto" value="#{ProductoBean.alto}">
                                    <rich:toolTip id="toolTipAlto" value="#{Messages['insert.producto.alto']}" style="padding:10px;" />
                                </h:inputText >
                                <h:outputText id="spaceNoRequiredAlto" value="" escape="false"/>

                                <h:outputLabel id="labelAncho" value="#{Messages['insert.producto.ancho']}"/>
                                <h:inputText id="ancho" value="#{ProductoBean.ancho}">
                                    <rich:toolTip id="toolTipAncho" value="#{Messages['insert.producto.ancho']}" style="padding:10px;" />
                                </h:inputText >
                                <h:outputText id="spaceNoRequiredAncho" value="" escape="false"/>

                                <h:outputLabel id="labelProfundidad" value="#{Messages['insert.producto.profundidad']}"/>
                                <h:inputText id="profundidad" value="#{ProductoBean.profundidad}">
                                    <rich:toolTip id="toolTipProfundidad" value="#{Messages['insert.producto.profundidad']}" style="padding:10px;" />
                                </h:inputText >
                                <h:outputText id="spaceNoRequiredProfundidad" value="" escape="false"/>

                                <h:outputLabel id="labelColor" value="#{Messages['insert.producto.color']}"/>
                                <h:selectOneMenu id="color" value="#{ProductoBean.color}">
                                    <f:selectItems value="#{ProductoBean.colorItems}"/>
                                </h:selectOneMenu>
                                <h:outputText id="spaceNoRequiredColor" value="" escape="false"/>

                                <h:outputLabel id="labelPeso" value="#{Messages['insert.producto.peso']}"/>
                                <h:inputText id="peso" value="#{ProductoBean.peso}">
                                    <rich:toolTip id="toolTipPeso" value="#{Messages['insert.producto.peso']}" style="padding:10px;" />
                                </h:inputText >
                                <h:outputText id="spaceNoRequiredPeso" value="" escape="false"/>

                                <h:outputLabel id="labelFoto" value="#{Messages['insert.producto.foto']}"/>
                                <rich:fileUpload id="uploadFoto" maxFilesQuantity="1"
                                                 uploadData="#{ProductoBean.foto}"
                                                 addControlLabel="#{Messages['insert.producto.seleccionar']}"
                                                 clearAllControlLabel="#{Messages['insert.producto.limpiarTodo']}"
                                                 clearControlLabel="#{Messages['insert.producto.limpiar']}"
                                                 uploadControlLabel="#{Messages['insert.producto.guardar']}"
                                                 doneLabel="#{Messages['insert.producto.hecho']}"
                                                 progressLabel="#{Messages['insert.producto.cargando']}"
                                                 transferErrorLabel="#{Messages['insert.producto.errorTransferencia']}"
                                                 stopControlLabel="#{Messages['insert.producto.detener']}"
                                                 listHeight="60px" immediateUpload="true" listWidth="280px">
                                </rich:fileUpload>

                                <h:outputText id="spaceNoRequiredFoto" value="" escape="false"/>

                            </h:panelGrid>
                        </rich:panel>
                    </h:panelGrid>


                    <h:panelGrid id="panelGridButton" columns="3">
                        <h:commandButton id="btnInsertar" value="#{Messages['common.insert']}" action="#{ProductoBean.insertarProducto}"/>
                        <h:outputText id="space" value="" escape="false"/>
                        <h:commandButton id="btnCancelar" value="#{Messages['common.cancel']}" action="cancel" immediate="true" />
                    </h:panelGrid>

                </a4j:form>
            </ui:define>
        </ui:composition>
    </body>
</html>